<template>
  <div id="app">
    <el-backtop target="#app"></el-backtop>
    <home-nav/>
    <div class="container">
      <router-view :key="key"/>
    </div>
    <ik-footer/>
    <!--    <el-container>-->
    <!--      <el-header style="height: 70px;padding: 0">-->
    <!--        <HomeNav></HomeNav>-->
    <!--      </el-header>-->
    <!--      <el-main style="padding: 0;margin-bottom: 40px;">-->
    <!--        <div class="main-cnt">-->
    <!--          <div class="container">-->
    <!--            <router-view/>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </el-main>-->
    <!--      <el-footer style="padding: 0">-->
    <!--        <IkFooter></IkFooter>-->
    <!--      </el-footer>-->
    <!--    </el-container>-->
  </div>
</template>

<style>
#app {
  /*height: 100vh;*/
  overflow-x: hidden;
}
</style>
<script>
import HomeNav from "./components/HomeNav";
import IkFooter from "./components/IkFooter";

export default {
  components: {IkFooter, HomeNav},
  computed: {
    key() {
      // 只要保证 key 唯一性就可以了，保证不同页面的 key 不相同
      return this.$route.fullPath
    }
  }
}
</script>
